<!DOCTYPE html>
<html style="height:100%;font-size:14px;">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="./styles/gc.spread.sheets.excel2013white.css">
    <script src="./scripts/gc.spread.sheets.all.min.js" type="text/javascript"></script>
    <script src="./scripts/gc.spread.sheets.charts.min.js" type="text/javascript"></script>
    <script src="./scripts/gc.spread.sheets.shapes.min.js" type="text/javascript"></script>
    <script src="./scripts/gc.spread.sheets.io.min.js" type="text/javascript"></script>

    <script src="https://www.grapecity.com/spreadjs/demos/spread/source/js/FileSaver.js" type="text/javascript"></script>

    <script src="./app.js"/ type="text/javascript"></script>
    <link rel="stylesheet" href="./styles.css" type="text/css">
</head>

<body>
    <div class="sample-tutorial">
        <div class="sample-container">
            <div id="ss" class="sample-spreadsheets"></div>
            <div id="statusBar"></div>
        </div>
        <div class="options-container">
            <div class="option-row">
                <div class="inputContainer">
                    <div class="options-title">Import:</div>
                    <input class="passwordIpt" id="importPassword" type="password" placeholder="Password" disabled>
                    <br>
                    <div id="warningBox"></div>
                    <input id="selectedFile" type="file" accept=".xlsx" />
                    <button class="settingButton" id="selectBtn">Select</button>
                    <button class="settingButton" id="importBtn" disabled>Import</button>
                    <button class="settingButton" id="protectBtn">Protect</button>
                </div>
                <div class="inputContainer">
                    <div class="options-title">Export:</div>
                    <input class="passwordIpt" id="exportPassword" type="password" placeholder="Password">
                    <br>
                    <button class="settingButton" id="exportBtn">Export</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>